<!DOCTYPE html>
<!-- <html>

<head>

  
   以下最初默认：
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <title>breeze</title>
</head>

<body>
  <div id="app"></div>
</body>

</html> -->


<!-- ----------------------------- -->

<html class="no-js" lang="en">

<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>


  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>Home-1 | Cavalier</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">


  <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
  <link rel="stylesheet" href="css/owl.carousel.css">
  <link rel="stylesheet" href="css/owl.transitions.css">
  <link rel="stylesheet" href="css/meanmenu.min.css">
  <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
  <link rel="stylesheet" href="css/icon.css">
  <link rel="stylesheet" href="css/magnific.min.css">
  <link rel="stylesheet" href="css/venobox.css">
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="css/responsive.css">


</head>

<body>
  <!--[if lt IE 8]>
			<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
		<![endif]-->
  <div id="preloader"></div>
  <header class="header-one">

    <div id="sticker" class="header-area hidden-xs">
      <div class="container">
        <div class="row">

          <div class="col-md-3 col-sm-3">
            <div class="logo">

              <a class="navbar-brand page-scroll sticky-logo" href="index.html">
                <img src="img/logo/logo2.png" alt="">
              </a>
            </div>
          </div>

          <div class="col-md-9 col-sm-9">
            <div class="header-right-link">

              <form action="#">
                <div class="search-option">
                  <input type="text" placeholder="Search...">
                  <button class="button" type="submit"><i class="fa fa-search"></i></button>
                </div>
                <a class="main-search" href="#"><i class="fa fa-search"></i></a>
              </form>

            </div>

            <nav class="navbar navbar-default">
              <div class="collapse navbar-collapse" id="navbar-example">
                <div class="main-menu">
                  <ul class="nav navbar-nav navbar-right">
                    <li><a href="index.html">Home</a></li>
                    <li><a class="pagess" href="#">Pages</a>
                      <ul class="sub-menu">
                        <li><a href="about.html">About us</a></li>
                        <li><a href="team.html">Team</a></li>
                        <li><a href="faq.html">FAQ</a></li>
                        <li><a href="error.html">Error</a></li>
                      </ul>
                    </li>
                    <li><a class="pagess" href="#">Games</a>
                      <ul class="sub-menu">
                        <li><a href="games.html">All Games</a></li>
                        <li><a href="single-game.html">Game Details</a></li>
                      </ul>
                    </li>
                    <li><a class="pagess" href="#">Gallery</a>
                      <ul class="sub-menu">
                        <li><a href="gallery-3.html">Project 3 Column</a></li>
                        <li><a href="gallery-4.html">Project 4 Column</a></li>
                      </ul>
                    </li>
                    <li><a class="pagess" href="#">Blog</a>
                      <ul class="sub-menu">
                        <li><a href="blog.html">Blog grid</a></li>
                        <li><a href="blog-sidebar.html">Blog Sidebar</a></li>
                        <li><a href="blog-details.html">Blog Details</a></li>
                      </ul>
                    </li>
                    <li><a href="contact.html">contacts</a></li>
                  </ul>
                </div>
              </div>
            </nav>

          </div>
        </div>
      </div>
    </div>


    <div class="mobile-menu-area hidden-lg hidden-md hidden-sm">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="mobile-menu">
              <div class="logo">
                <a href="index.html"><img src="img/logo/logo2.png" alt="" /></a>
              </div>
              <nav id="dropdown">
                <ul>
                  <li><a href="index.html">Home</a></li>
                  <li><a class="pagess" href="#">Pages</a>
                    <ul class="sub-menu">
                      <li><a href="about.html">About us</a></li>
                      <li><a href="team.html">Team</a></li>
                      <li><a href="faq.html">FAQ</a></li>
                      <li><a href="error.html">Error</a></li>
                    </ul>
                  </li>
                  <li><a class="pagess" href="#">Games</a>
                    <ul class="sub-menu">
                      <li><a href="games.html">All Games</a></li>
                      <li><a href="single-game.html">Game Details</a></li>
                    </ul>
                  </li>
                  <li><a class="pagess" href="#">Gallery</a>
                    <ul class="sub-menu">
                      <li><a href="gallery-3.html">Project 3 Column</a></li>
                      <li><a href="gallery-4.html">Project 4 Column</a></li>
                    </ul>
                  </li>
                  <li><a class="pagess" href="#">Blog</a>
                    <ul class="sub-menu">
                      <li><a href="blog.html">Blog grid</a></li>
                      <li><a href="blog-sidebar.html">Blog Sidebar</a></li>
                      <li><a href="blog-details.html">Blog Details</a></li>
                    </ul>
                  </li>
                  <li><a href="contact.html">contacts</a></li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </div>
    </div>

  </header>


  <div class="intro-area">
    <div class="main-overly"></div>
    <div class="intro-carousel">
      <div class="intro-content">
        <div class="slider-images">
          <img src="img/slider/s1.jpg" alt="">
        </div>
        <div class="slider-content">
          <div class="container">
            <div class="row">
              <div class="col-md-12 text-center">

                <div class="layer-1-2">
                  <h1 class="title2">Cavalier create your virtual worlds </h1>
                </div>
                <div class="layer-1-1 hidden-xs">
                  <p>Cavalier Studios has been creating innovative games since 2003. We offer our clients professional
                    development services.</p>
                </div>

                <div class="layer-1-3">
                  <a href="#" class="ready-btn">Know more</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="intro-content">
        <div class="slider-images">
          <img src="img/slider/s2.jpg" alt="">
        </div>
        <div class="slider-content">
          <div class="container">
            <div class="row">
              <div class="col-md-12 text-center">

                <div class="layer-1-2">
                  <h1 class="title2">We are ready your next challenge</h1>
                </div>
                <div class="layer-1-1 hidden-xs">
                  <p>Cavalier Studios has been creating innovative games since 2003. We offer our clients professional
                    development services.</p>
                </div>

                <div class="layer-1-3">
                  <a href="#" class="ready-btn">Know more</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="services-area bg-color-2 area-padding">
    <div class="container">
      <div class="row">
        <div class="services-carousel">

          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="single-services text-center">
              <div class="services-img">
                <img src="img/feature/1.jpg" alt="">
                <div class="image-layer">
                  <img src="img/icon/g1.png" alt="icon Image">
                </div>
              </div>
              <div class="main-services">
                <div class="service-content">
                  <h4>Ripple Royal</h4>
                  <p>Comming soon Feb 4, 2019</p>
                  <a class="service-btn" href="#">Learn more</a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="single-services text-center">
              <div class="services-img">
                <img src="img/feature/2.jpg" alt="">
                <div class="image-layer">
                  <img src="img/icon/g2.png" alt="icon Image">
                </div>
              </div>
              <div class="main-services">
                <div class="service-content">
                  <h4>Dancei roy</h4>
                  <p>Comming soon Feb 4, 2019</p>
                  <a class="service-btn" href="#">Learn more</a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="single-services text-center">
              <div class="services-img">
                <img src="img/feature/3.jpg" alt="">
                <div class="image-layer">
                  <img src="img/icon/g3.png" alt="icon Image">
                </div>
              </div>
              <div class="main-services">
                <div class="service-content">
                  <h4>Fight challange</h4>
                  <p>Comming soon Feb 4, 2019</p>
                  <a class="service-btn" href="#">Learn more</a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="single-services text-center">
              <div class="services-img">
                <img src="img/feature/4.jpg" alt="">
                <div class="image-layer">
                  <img src="img/icon/g4.png" alt="icon Image">
                </div>
              </div>
              <div class="main-services">
                <div class="service-content">
                  <h4>Sky blue</h4>
                  <p>Comming soon Feb 4, 2019</p>
                  <a class="service-btn" href="#">Learn more</a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="single-services text-center">
              <div class="services-img">
                <img src="img/feature/5.jpg" alt="">
                <div class="image-layer">
                  <img src="img/icon/g5.png" alt="icon Image">
                </div>
              </div>
              <div class="main-services">
                <div class="service-content">
                  <h4>Dragon world</h4>
                  <p>Comming soon Feb 4, 2019</p>
                  <a class="service-btn" href="#">Learn more</a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="single-services text-center">
              <div class="services-img">
                <img src="img/feature/6.jpg" alt="">
                <div class="image-layer">
                  <img src="img/icon/g6.png" alt="icon Image">
                </div>
              </div>
              <div class="main-services">
                <div class="service-content">
                  <h4>Strange anime</h4>
                  <p>Comming soon Feb 4, 2019</p>
                  <a class="service-btn" href="#">Learn more</a>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>


  <div class="product-area bg-color-1 area-padding">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <div class="section-headline white-headline text-center">
            <h3>Our Games</h3>
            <p>Cavalier Studios has been creating innovative games since 2003. We offer our clients professional
              development services.</p>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="best-product">

          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="single-product">
              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="product">
                  <div class="product-img">
                    <span class="category"> Pc</span>
                    <img class="first-img" src="img/product/p1.jpg" alt="">
                    <a href="https://www.youtube.com/watch?v=O33uuBh6nXA" class="video-play vid-zone">
                      <i class="fa fa-play"></i>
                    </a>
                  </div>
                </div>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="product-content text-center">
                  <h4 class="product-name">
                    <a href="#">Temple Fight</a>
                  </h4>
                  <div class="launch-date">
                    <span>Launch: June 2016</span>
                  </div>
                  <div class="price-box">
                    <span class="price">Price: Free</span>
                  </div>
                  <div class="pro-rating no-rating">
                    <span class="rating-rate"> Rating: 4.5</span>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                  </div>
                  <div class="download-btn">
                    <span class="play-btn"><img src="img/icon/gplay.png" alt=""></span>
                    <span class="play-btn"><img src="img/icon/aplay.png" alt=""></span>
                  </div>
                </div>
              </div>

            </div>
          </div>


          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="single-product">

              <div class="col-md-6 col-sm-6 hidden-xs">
                <div class="product-content text-center">
                  <h4 class="product-name">
                    <a href="#">Dangers War</a>
                  </h4>
                  <div class="launch-date">
                    <span>Launch: March 2017</span>
                  </div>
                  <div class="price-box">
                    <span class="price">Price: Free</span>
                  </div>
                  <div class="pro-rating no-rating">
                    <span class="rating-rate"> Rating: 4.5</span>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                  </div>
                  <div class="download-btn">
                    <span class="play-btn"><img src="img/icon/gplay.png" alt=""></span>
                    <span class="play-btn"><img src="img/icon/aplay.png" alt=""></span>
                  </div>
                </div>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="product">
                  <div class="product-img">
                    <span class="category"> Ps4</span>
                    <img class="first-img" src="img/product/p2.jpg" alt="">
                    <a href="https://www.youtube.com/watch?v=O33uuBh6nXA" class="video-play vid-zone">
                      <i class="fa fa-play"></i>
                    </a>
                  </div>
                </div>
              </div>
              <div class="hidden-lg hidden-md hidden-sm col-xs-12">
                <div class="product-content text-center">
                  <h4 class="product-name">
                    <a href="#">Dangers War</a>
                  </h4>
                  <div class="launch-date">
                    <span>Launch: March 2017</span>
                  </div>
                  <div class="price-box">
                    <span class="price">Price: Free</span>
                  </div>
                  <div class="pro-rating no-rating">
                    <span class="rating-rate"> Rating: 4.5</span>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                  </div>
                  <div class="download-btn">
                    <span class="play-btn"><img src="img/icon/gplay.png" alt=""></span>
                    <span class="play-btn"><img src="img/icon/aplay.png" alt=""></span>
                  </div>
                </div>
              </div>
            </div>
          </div>


          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="single-product">
              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="product">
                  <div class="product-img">
                    <span class="category"> Mobile</span>
                    <img class="first-img" src="img/product/p3.jpg" alt="">
                    <a href="https://www.youtube.com/watch?v=O33uuBh6nXA" class="video-play vid-zone">
                      <i class="fa fa-play"></i>
                    </a>
                  </div>
                </div>
              </div>

              <div class="col-md-6 col-sm-6 col-xs-12">
                <div class="product-content text-center">
                  <h4 class="product-name">
                    <a href="#">Angels fight</a>
                  </h4>
                  <div class="launch-date">
                    <span>Launch: january 2017</span>
                  </div>
                  <div class="price-box">
                    <span class="price">Price: $80</span>
                  </div>
                  <div class="pro-rating no-rating">
                    <span class="rating-rate"> Rating: 4.5</span>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                  </div>
                  <div class="download-btn">
                    <span class="play-btn"><img src="img/icon/gplay.png" alt=""></span>
                    <span class="play-btn"><img src="img/icon/aplay.png" alt=""></span>
                  </div>
                </div>
              </div>

            </div>
          </div>


          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="single-product last-item">

              <div class="col-md-6 col-sm-6 hidden-xs">
                <div class="product-content text-center">
                  <h4 class="product-name">
                    <a href="#">Dragons War</a>
                  </h4>
                  <div class="launch-date">
                    <span>Launch: February 2018</span>
                  </div>
                  <div class="price-box">
                    <span class="price">Price: $100</span>
                  </div>
                  <div class="pro-rating no-rating">
                    <span class="rating-rate"> Rating: 4.5</span>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                  </div>
                  <div class="download-btn">
                    <span class="play-btn"><img src="img/icon/gplay.png" alt=""></span>
                    <span class="play-btn"><img src="img/icon/aplay.png" alt=""></span>
                  </div>
                </div>
              </div>

              <div class="col-md-6 col-sm-6">
                <div class="product">
                  <div class="product-img">
                    <span class="category"> Pc</span>
                    <img class="first-img" src="img/product/p4.jpg" alt="">
                    <a href="https://www.youtube.com/watch?v=O33uuBh6nXA" class="video-play vid-zone">
                      <i class="fa fa-play"></i>
                    </a>
                  </div>
                </div>
              </div>
              <div class="hidden-lg hidden-md hidden-sm col-xs-12">
                <div class="product-content text-center">
                  <h4 class="product-name">
                    <a href="#">Dragons War</a>
                  </h4>
                  <div class="launch-date">
                    <span>Launch: February 2018</span>
                  </div>
                  <div class="price-box">
                    <span class="price">Price: $100</span>
                  </div>
                  <div class="pro-rating no-rating">
                    <span class="rating-rate"> Rating: 4.5</span>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                    <a href="#"><i class="fa fa-star-o"></i></a>
                  </div>
                  <div class="download-btn">
                    <span class="play-btn"><img src="img/icon/gplay.png" alt=""></span>
                    <span class="play-btn"><img src="img/icon/aplay.png" alt=""></span>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>


  <div class="project-area bg-color-2 fix area-padding">
    <div class="container-full">
      <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <div class="section-headline white-headline text-center">
            <h3>Our Gallery</h3>
            <p>Cavalier Studios has been creating innovative games since 2003. We offer our clients professional
              development services.</p>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="awesome-project fix">
          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="awesome-menu text-center">
              <ul class="project-menu">
                <li><a href="#" class="active" data-filter="*">All</a></li>
                <li><a href="#" data-filter=".screen">Screen</a></li>
                <li><a href="#" data-filter=".stream">Stream</a></li>
                <li><a href="#" data-filter=".player">Player</a></li>
                <li><a href="#" data-filter=".challange">Challange</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="project-content">

          <div class="project-single screen">
            <div class="single-awesome-project">
              <div class="awesome-img">
                <a class="venobox" data-gall="myGallery" href="img/gallery/p1.jpg">
                  <img src="img/gallery/p1.jpg" alt="" />
                </a>
              </div>
            </div>
          </div>


          <div class="project-single stream">
            <div class="single-awesome-project">
              <div class="awesome-img">
                <a class="venobox" data-gall="myGallery" href="img/gallery/p2.jpg">
                  <img src="img/gallery/p2.jpg" alt="" />
                </a>
              </div>
            </div>
          </div>


          <div class="project-single challange">
            <div class="single-awesome-project">
              <div class="awesome-img">
                <a class="venobox" data-gall="myGallery" href="img/gallery/p3.jpg">
                  <img src="img/gallery/p3.jpg" alt="" />
                </a>
              </div>
            </div>
          </div>


          <div class="project-single stream">
            <div class="single-awesome-project">
              <div class="awesome-img">
                <a class="venobox" data-gall="myGallery" href="img/gallery/p4.jpg">
                  <img src="img/gallery/p4.jpg" alt="" />
                </a>
              </div>
            </div>
          </div>


          <div class="project-single screen">
            <div class="single-awesome-project">
              <div class="awesome-img">
                <a class="venobox" data-gall="myGallery" href="img/gallery/p5.jpg">
                  <img src="img/gallery/p5.jpg" alt="" />
                </a>
              </div>
            </div>
          </div>


          <div class="project-single player">
            <div class="single-awesome-project">
              <div class="awesome-img">
                <a class="venobox" data-gall="myGallery" href="img/gallery/p6.jpg">
                  <img src="img/gallery/p6.jpg" alt="" />
                </a>
              </div>
            </div>
          </div>


          <div class="project-single challange">
            <div class="single-awesome-project">
              <div class="awesome-img">
                <a class="venobox" data-gall="myGallery" href="img/gallery/p7.jpg">
                  <img src="img/gallery/p7.jpg" alt="" />
                </a>
              </div>
            </div>
          </div>


          <div class="project-single stream">
            <div class="single-awesome-project">
              <div class="awesome-img">
                <a class="venobox" data-gall="myGallery" href="img/gallery/p8.jpg">
                  <img src="img/gallery/p8.jpg" alt="" />
                </a>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>

  </div>


  <div class="reviews-area bg-color-1 fix area-padding">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <div class="section-headline white-headline text-center">
            <h3>Players Reviews</h3>
            <p>Cavalier Studios has been creating innovative games since 2003. We offer our clients professional
              development services.</p>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <div class="Reviews-content">

            <div class="testimonial-carousel item-indicator">
              <div class="single-testi">
                <div class="testi-img ">
                  <img src="img/review/1.jpg" alt="">
                </div>
                <div class="testi-text">
                  <p>Replacing a multi-lined selection of text, the generated dummy text maintains the amount of lines.
                    When replacing a selection.</p>
                  <h4>Arnold russel</h4>
                  <span class="guest-rev">Clients - <a href="#">Genarel customer</a></span>
                </div>
              </div>

              <div class="single-testi">
                <div class="testi-img ">
                  <img src="img/review/2.jpg" alt="">
                </div>
                <div class="testi-text">
                  <p>Replacing a multi-lined selection of text, the generated dummy text maintains the amount of lines.
                    When replacing a selection.</p>
                  <h4>Selena gomaz</h4>
                  <span class="guest-rev">Clients - <a href="#">Genarel customer</a></span>
                </div>
              </div>

              <div class="single-testi">
                <div class="testi-img">
                  <img src="img/review/3.jpg" alt="">
                </div>
                <div class="testi-text">
                  <p>Replacing a multi-lined selection of text, the generated dummy text maintains the amount of lines.
                    When replacing a selection.</p>
                  <h4>Manila meri</h4>
                  <span class="guest-rev">Clients - <a href="#">Genarel customer</a></span>
                </div>
              </div>

              <div class="single-testi">
                <div class="testi-img">
                  <img src="img/review/4.jpg" alt="">
                </div>
                <div class="testi-text">
                  <p>Replacing a multi-lined selection of text, the generated dummy text maintains the amount of lines.
                    When replacing a selection.</p>
                  <h4>Robert karlus</h4>
                  <span class="guest-rev">Clients - <a href="#">Genaral manager</a></span>
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="challange-area bg-color-2 area-padding">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <div class="section-headline white-headline text-center">
            <h3>Competition</h3>
            <p>Cavalier Studios has been creating innovative games since 2003. We offer our clients professional
              development services.</p>
          </div>
        </div>
      </div>
      <div class="row">

        <div class="col-md-6 col-sm-6 col-xs-12">
          <div class="tab-menu">

            <ul class="nav nav-tabs" role="tablist">
              <li class="active">
                <a href="#p-view-1" role="tab" data-toggle="tab">
                  <img class="cha-img" src="img/challange/c1.jpg" alt="challange image">
                  <span class="title-date">
                    <span class="cha-title">Challanger fight competition</span>
                    <span class="cha-date">September 05, 2018</span>
                  </span>
                </a>
              </li>
              <li>
                <a href="#p-view-2" role="tab" data-toggle="tab">
                  <img class="cha-img" src="img/challange/c2.jpg" alt="challange image">
                  <span class="title-date">
                    <span class="cha-title">Temple Fight Challanger</span>
                    <span class="cha-date">December 01, 2018</span>
                  </span>
                </a>
              </li>
              <li>
                <a href="#p-view-3" role="tab" data-toggle="tab">
                  <img class="cha-img" src="img/challange/c3.jpg" alt="challange image">
                  <span class="title-date">
                    <span class="cha-title">Angels fight competition</span>
                    <span class="cha-date">November 12, 2018</span>
                  </span>
                </a>
              </li>
              <li>
                <a href="#p-view-4" role="tab" data-toggle="tab">
                  <img class="cha-img" src="img/challange/b4.jpg" alt="challange image">
                  <span class="title-date">
                    <span class="cha-title">Dangers War fight man</span>
                    <span class="cha-date">September 20, 2018</span>
                  </span>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-md-6 col-sm-6 col-xs-12">
          <div class="tab-content">
            <div class="tab-pane active" id="p-view-1">
              <div class="tab-inner">
                <div class="single-page">
                  <div class="page-img">
                    <img src="img/challange/b1.jpg" alt="">
                  </div>
                  <a href="https://www.youtube.com/watch?v=O33uuBh6nXA" class="video-play">
                    <i class="fa fa-play"></i>
                  </a>
                </div>
              </div>
            </div>
            <div class="tab-pane" id="p-view-2">
              <div class="tab-inner">
                <div class="single-page">
                  <div class="page-img">
                    <img src="img/challange/b2.jpg" alt="">
                  </div>
                  <a href="https://www.youtube.com/watch?v=O33uuBh6nXA" class="video-play">
                    <i class="fa fa-play"></i>
                  </a>
                </div>
              </div>
            </div>
            <div class="tab-pane" id="p-view-3">
              <div class="tab-inner">
                <div class="single-page">
                  <div class="page-img">
                    <img src="img/challange/b3.jpg" alt="">
                  </div>
                  <a href="https://www.youtube.com/watch?v=O33uuBh6nXA" class="video-play">
                    <i class="fa fa-play"></i>
                  </a>
                </div>
              </div>
            </div>
            <div class="tab-pane" id="p-view-4">
              <div class="tab-inner">
                <div class="single-page">
                  <div class="page-img">
                    <img src="img/challange/b4.jpg" alt="">
                  </div>
                  <a href="https://www.youtube.com/watch?v=O33uuBh6nXA" class="video-play">
                    <i class="fa fa-play"></i>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>

    </div>
  </div>


  <div class="blog-area bg-color-1 area-padding">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <div class="section-headline white-headline text-center">
            <h3>Games News</h3>
            <p>Cavalier Studios has been creating innovative games since 2003. We offer our clients professional
              development services.</p>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="blog-grid">
          <div class="col-md-8 col-sm-12 col-xs-12">
            <div class="blog-right-column">
              <div class="single-blog">
                <div class="blog-image">
                  <a class="image-scale" href="#">
                    <img src="img/blog/b1.jpg" alt="">
                  </a>
                </div>
                <div class="blog-content">
                  <div class="blog-meta">
                    <span class="date-type">
                      15 july, 2017
                    </span>
                    <span class="comments-type">
                      <i class="fa fa-comment-o"></i>
                      10
                    </span>
                  </div>
                  <a href="#">
                    <h4>Cavalier Studios has been creating innovative games since 2003</h4>
                  </a>
                  <p>Cavalier is an engineering and general contracting group that has gained.</p>
                </div>
              </div>

              <div class="single-blog">
                <div class="blog-image">
                  <a class="image-scale" href="#">
                    <img src="img/blog/b2.jpg" alt="">
                  </a>
                </div>
                <div class="blog-content">
                  <div class="blog-meta">
                    <span class="date-type">
                      10 feb, 2018
                    </span>
                    <span class="comments-type">
                      <i class="fa fa-comment-o"></i>
                      32
                    </span>
                  </div>
                  <a href="#">
                    <h4>We offer our clients professional development services.</h4>
                  </a>
                  <p>Cavalier is an engineering and general contracting group that has gained.</p>
                </div>
              </div>

              <div class="single-blog">
                <div class="blog-image">
                  <a class="image-scale" href="#">
                    <img src="img/blog/b3.jpg" alt="">
                  </a>
                </div>
                <div class="blog-content">
                  <div class="blog-meta">
                    <span class="date-type">
                      20 jan, 2018
                    </span>
                    <span class="comments-type">
                      <i class="fa fa-comment-o"></i>
                      18
                    </span>
                  </div>
                  <a href="#">
                    <h4>Cavalier Studios has been creating innovative games since 2003</h4>
                  </a>
                  <p>Cavalier is an engineering and general contracting group that has gained.</p>
                </div>
              </div>
            </div>
          </div>


          <div class="col-md-4 col-sm-12 col-xs-12">
            <div class="single-blog">
              <div class="blog-image">
                <a class="image-scale" href="#">
                  <img src="img/blog/b4.jpg" alt="">
                </a>
              </div>
              <div class="blog-content">
                <div class="blog-meta">
                  <span class="date-type">
                    20 june, 2018
                  </span>
                  <span class="comments-type">
                    <i class="fa fa-comment-o"></i>
                    23
                  </span>
                </div>
                <a href="#">
                  <h4>We offer our clients professional development.</h4>
                </a>
                <p>Cavalier is an engineering and general contracting group that has gained its expertise over the past
                  twenty- six years.Konstract is an engineering and general contracting.Cavalier is an engineering and
                  general contracting group that has gained its expertise over the past twenty- six years.</p>
                <a class="read-more" href="#"> Read more</a>
              </div>
            </div>
          </div>

        </div>
      </div>

    </div>
  </div>


  <footer>
    <div class="footer-area">
      <div class="container">
        <div class="row">
          <div class="col-md-4 col-sm-5 col-xs-12">
            <div class="footer-content">
              <div class="footer-head">
                <h4>Information</h4>
                <div class="footer-contacts">
                  <p><span>Tel :</span> +1907-543478944</p>
                  <p><span>Email :</span> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="6d04030b022d0e0c1b0c0104081f595e430e0200">[email&#160;protected]</a></p>
                  <p><span>Location :</span> House-30/2, New york</p>
                </div>
                <div class="footer-icons">
                  <ul>
                    <li>
                      <a href="#">
                        <i class="fa fa-facebook"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <i class="fa fa-twitter"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <i class="fa fa-google"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <i class="fa fa-pinterest"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <i class="fa fa-instagram"></i>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-4 col-sm-3 col-xs-12">
            <div class="footer-content">
              <div class="footer-head">
                <h4>Competition Games</h4>
                <div class="footer-services-link">
                  <ul class="footer-list">
                    <li><a href="#">Draogons war</a></li>
                    <li><a href="#">Stranger Anime</a></li>
                    <li><a href="#">Skyfall challange</a></li>
                    <li><a href="#">Ripple fight</a></li>
                    <li><a href="#">Alverter david</a></li>
                    <li><a href="#">Daneres fight</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="footer-content">
              <div class="footer-head">
                <h4>Subscribe</h4>
                <p>
                  Are you looking for professional games services for your new games.Are you looking for professional
                  developer for your new games.
                </p>
                <div class="subs-feilds">
                  <div class="suscribe-input">
                    <input type="email" class="email form-control width-80" id="sus_email" placeholder="Type Email">
                    <button type="submit" id="sus_submit" class="add-btn">Subscribe</button>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>

    <div class="footer-area-bottom">
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-sm-6 col-xs-12">
            <div class="copyright">
              <p>
                Copyright © 2018
                <a href="#">Cavalier</a> All Rights Reserved
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>

</body>


</html>